<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>

</head>
<body>
    <form action="">
        <input type="text" id="textInput" value="请输入用户名">
        <input type="submit" id="submit" value="提交">
    </form>
    <script type="text/javascript">
        //需求： 获取焦点，把文本框的默认值赋为空
        /*
            //>>1. 事件源： 文本框

            //>>2. 事件类型： onfocus

            //>>3. 事件处理函数： 把文本框值赋为空
        */
        var textInput = document.getElementById("textInput");
        textInput.onfocus = function () {
            this.value = ""//这里的this其实就是textInput
        }

        //需求： 失去焦点，验证输入的用户名是否为空
        var textInput = document.getElementById("textInput");
        textInput.onblur = function () {
            var value = this.value;
            if(value=="")
                alert("请重新填写用户名");
        }

    </script>

</body>
</html>